.box {
    width: 359px;
    height: 520px;
    background: #ccc;
    border: 1px solid #ccc;
    margin-left: 15px;
    margin-top: 18px;
}
#box2 {
    margin-left: 12px;
}

/*对角线*/
.box .line1,.line2 {
    width: 20px;
    border: 1px solid #ccc;
    position: absolute;    
}
#box1>.line1{
    left: -2px;
    top: 10px;
    transform: rotateZ(51deg);
}
#box1 .line2 {
    left:-2px;
    bottom: 10px;
    transform: rotateZ(-55deg);
}
#box2>.line1 {
    right: -3px;
    top: 9px;
    transform: rotateZ(-55deg);
}
#box2 .line2 {
    right: -2px;
    bottom: 10px;
    transform: rotateZ(52deg);
}
/*page1*/

#box1 .portrait {
    width: 120px;
    height: 120px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 25px;
    margin-top: 30px; 
    background-size: cover;
    opacity: 0.9;
}
#box1 {
    color: #444;
}

#box1 .myname {

    font-family: YouYuan;
    letter-spacing: 5px;
    display: block;
    margin-left: 20px;
    margin-top: 20px;
    margin-left: 187px;
    margin-top: -28px;
}
.message {
    width: 200px;
    line-height: 40px;
    border-bottom: 3px solid #fff;
    margin-top: 20px;  
    margin-left: 5px;
}
.telephone {
    margin-top: 12px;
    
}
#box1 p{
    line-height: 30px;
    margin-left: 25px;
}
.graduate {
    margin-top: 12px;
}
#box2 {
 color: #444;
}
#box2 p span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #444;
    margin: 0 20px;
}
#box2 h3 {
    margin-bottom: 20px;
}
#box2 p {
    line-height: 30px;
    margin-left: 25px;
}